/* 初始化默认样式 */
body,
div,
span,
a,
h1,
h2,
h3,
h3,
h4,
h5,
h6,
p,
ul,
ol,
form,
header,
footer,
main,
aside,
nav,
section {
  padding: 0;
  margin: 0;
  /* 改变盒子大小计算方式 */
  box-sizing: border-box;
}

/* 
盒子（标签）的实际大小： 边框 + 内边距 + 内容
设置 box-sizing: border-box 属性
盒子（标签）的大小： 内容
*/

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  color: #000000;
  text-decoration: none;
}

input,
button {
  /* 没有边框 */
  border: 0;
  /* 移除外边框 */
  outline: none;
  box-sizing: border-box;
}

/* 列表标签的默认样式 */
ul,
ol {
  list-style: none;
}

/* 行内标签的垂直对齐 */
img,
button,
input {
  vertical-align: middle;
}

/* 版心 (水平居中的盒子)*/
.container {
  width: 1200px;
  margin: 0 auto;
}

/* 浮动 */
.f-left {
  float: left;
}
.f-right {
  float: right;
}
/* 伪类清除浮动 */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}
